<template>
  <div style="border: 1px solid; height: 400px">
    <my-map  >
      <my-map-measure ref="measure"></my-map-measure>
    <!-- <my-map-zoom theme="light" placement="right-bottom"></my-map-zoom> -->
    <!-- <my-map-zoom theme="light" placement="right-top"></my-map-zoom>
    <my-map-zoom theme="light" placement="left-top"></my-map-zoom>
    <my-map-zoom theme="light" placement="left-bottom"></my-map-zoom> -->
  </my-map>
  <el-button @click="test">test</el-button>

  <el-checkbox-group v-model="group">
    <el-checkbox label="a" border> </el-checkbox>
    <el-checkbox label="b" border> </el-checkbox>
  </el-checkbox-group>
  </div>
</template>
<style lang="scss" scoped>
</style>
<script> 
export default {
  mixins: [],
  components: {},
  props: {
  },
  data() {
    return {
      page: 1,
      pageSize: 5,
      columns: [
        
      ],
      editData: [],
      group: []
    }
  },
  computed: {
  },
  methods: { 
    test() {
      this.$refs.measure.clear()
    }
  },
  created() {},
  mounted() {}
}
</script>